.webkit-scrollbar {
  // ::-webkit-scrollbar {
  //   width : 10px;
  //   height: 10px;
  // }

  // ::-webkit-scrollbar-button:vertical:increment {
  //   background-color: transparent;
  // }

  // ::-webkit-scrollbar-track:enabled {
  //   background-color: rgba(113, 112, 107, 0.1);
  //   border-radius   : 5px;
  // }

  // ::-webkit-scrollbar-thumb:hover {
  //   background-color: rgba(0, 0, 0, .4);
  //   box-shadow      : inset 1px 1px 1px rgba(0, 0, 0, .25)
  // }

  // ::-webkit-scrollbar-track:hover {
  //   background-color: rgba(0, 0, 0, .1);
  //   box-shadow      : inset 1px 1px 0 rgba(0, 0, 0, .1)
  // }

  // ::-webkit-scrollbar-button {
  //   height: 0;
  //   width : 0
  // }

  // ::-webkit-scrollbar-thumb {
  //   background-color: #D1D1D1;
  //   border-radius   : 3px;
  //   border-radius   : 3px;
  //   border-left     : 2px solid transparent;
  //   border-top      : 2px solid transparent
  // }

  // ::-webkit-scrollbar-track {
  //   background-color: transparent;
  //   border-left     : 2px solid transparent;
  //   border-top      : 2px solid transparent
  // }
  ::-webkit-scrollbar-thumb {
    background-color: #D1D1D1;
    border-radius   : 4px;
    border-left     : 2px solid transparent;
    border-top      : 2px solid transparent
  }

  ::-webkit-scrollbar-track {
    background-color: transparent;
    border-left     : 2px solid transparent;
    border-top      : 2px solid transparent
  }

  ::-webkit-scrollbar {
    width : 10px;
    height: 10px
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, .4);
  }

  ::-webkit-scrollbar-track:hover {
    background-color: rgba(0, 0, 0, .1);
  }

  ::-webkit-scrollbar-button:vertical:increment {
    background-color: transparent;
  }
}